<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<style type="text/css">
  /*this is what we want the div to look like
    when it is not showing*/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like
    when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;

    /*position it 200px down the screen*/
    position:absolute;
    top:200px;
    left:0;
    width:100%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#fff;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }
</style>

<title>South Metro Youth Center</title>
<link rel="stylesheet" href="CSStest.css" type="text/css" />
</head>
<body>

<div id="loading" class="loading-invisible">
  <p><img src="http://www.mp3unsigned.com/resources/images/loading.gif"></p>
</div>

<script type="text/javascript">
  document.getElementById("loading").className = "loading-visible";
  var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";};
  var oldLoad = window.onload;
  var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv;
  window.onload = newLoad;
</script>

		<header>
			<h1>What can we do for you today?</h1>
		</header>
		<nav>
			<!-- Navigation -->
		</nav>
		<section id="intro">
			<!-- Introduction -->
		</section>
		<section>
			<!-- Main Content -->
			<section>
				<article class="blogPost">
					<header>
						<h2>Welcome to Page 2!</h2>
						</header>

		
			
</body>
</html>